@import 'nprogress/nprogress.css';

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  background-color: var(--color-bg-1);
  color: var(--color-text-1);
}

/**
主题色
*/
* {
  box-sizing: border-box;
  word-break: break-word !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  appearance: none;
}

input[type='number'] {
  appearance: textfield;
}

body {
  --white: #fff;
  --black-rgb: 255, 255, 255;
  --black: #000;
  --app-color: #1d313d;
  --app-color1: #1588ac;
  --app-color2: #23a1c8;
  --app-color3: #4ab7d9;
  --app-color4: #6dd6f7;
  --app-color5: #44c5e4;
  --app-color6: #a7e0f2;
  --app-color7: #cbecf7;
  --app-color8: #dcf3fa;
  --app-color9: #eef9fc;
  --app-color10: #f2f3f5;
  --app-color11: #f7f8fa;
  --app-color12: #e5e6eb;
  --primary-3: 167, 224, 242;
  --primary-7: 68, 197, 228;
  --primary-6: 74, 183, 217;
  --primary-5: 109, 214, 247;
  --table-cell-bg: #fffce8;
}

body[arco-theme='dark'] {
  --white: #232324;
  // --white: #29292c;
  --black-rgb: 0, 0, 0;
  --black: #fff;
  --app-color: #1d313d;
  --app-color1: #1588ac;
  --app-color2: #23a1c8;
  --app-color3: #333335;
  --app-color4: #6dd6f7;
  --app-color5: #232324;
  --app-color6: #a7e0f2;
  --app-color7: #cbecf7;
  --app-color8: #434345;
  --app-color9: rgba(7, 7, 7, 12%);
  --app-color10: #29292c;
  --app-color12: #4d4d4f;
  --app-color11: #2e2e30;
  --primary-7: 68, 197, 228;
  --primary-6: 74, 183, 217;
  --primary-5: 109, 214, 247;
  --table-cell-bg: rgba(83, 76, 31, 50%);
  --color-bg-2: #333335;
}

.cursor-pointer {
  &:hover {
    cursor: pointer;
  }
}

@font-face {
  font-family: Cairo;
  src: url('./Tajawal-Medium.ttf');
}
.Cairo {
  font-family: Cairo;
  // font-family: inherit;
}

.rtl {
  direction: rtl;
  font-family: Cairo;
}

.rtl * {
  direction: rtl;
  font-family: Cairo;
}

.text-right {
  text-align: right;
}

.font {
  font-family: auto;
}
.ltr {
  direction: ltr;
  text-align: left;
  .font();
}

.ltr * {
  direction: ltr;
  .font();
}

.ltr-ipt {
  direction: ltr !important;
}

.arco-btn-secondary:not(.arco-btn-disabled):focus-visible {
  box-shadow: 0 0 0 0 var(--color-neutral-4);
}

.ellipsis {
  // word-break: break-word;
  word-wrap: break-word;
  white-space: pre-line;
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden; //超出的文本隐藏
}
.arco-modal-mask {
  background-color: rgba(var(--black-rgb), 60%) !important;
  box-shadow: 0 10px 70px 0 rgba(68, 197, 228, 20%) inset;
  backdrop-filter: blur(10px);
}
.arco-modal {
  border-radius: 8px !important;
  border: 1px solid #c9cdd4 !important;
  background: var(--white) !important;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 10%) !important;
  backdrop-filter: blur(37.5px) !important;
}
.arco-modal-simple .arco-modal-title {
  text-align: center;
  word-break: break-all;
}
body[arco-theme='dark'] {
  .arco-modal {
    border: 1px solid #000 !important;
  }
}

.red {
  color: rgb(var(--danger-6));
}

//antd组件内 ResizeObserver loop limit exceeded报错隐藏
#webpack-dev-server-client-overlay {
  display: none !important;
}

.arco-input {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.arco-image-preview-img-container {
  background-color: #fff;
}

.arco-form-label-item > label {
  white-space: nowrap !important;
}

.arco-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.arco-pagination-total-text {
  direction: ltr;
}
.arco-select-popup .arco-select-option-rtl {
  text-align: right;
  .Cairo();
}

.arco-panel-date-inner {
  width: 300px !important;
}
